
*{
  margin: 0;
  padding: 0;
}
*::before,*::after{
  box-sizing:border-box;
}
ul,
li{
  list-style: none;
}
a{
  text-decoration: none;
}
/*
 *   重置
 */
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button{margin:0;padding:0;outline:0}body{line-height:1.5;color:#666;background: #eaeaea;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}li{list-style:none}input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;border:0;background:0;-webkit-appearance:none;outline:0}a,button,input,select,textarea,a:focus,button:focus,input:focus,select:focus,textarea:focus,[onclick]{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}a{-webkit-touch-callout:none;text-decoration:none;color:#00a5e0;outline:0}em,i{font-style:normal}em{color:#f28c48}::-webkit-input-placeholder{color:#ccc}i,b{font-style:normal; font-weight:normal;}
 /** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/*公用宽度*/
.max-wd{
  max-width: 1280px;
  margin:0 auto;
}
.open-wd100{
  width: 100%;
}
.ft-color{
  color:#08AEF9;
}
@font-face {
  font-family: "Alibaba Sans";
  font-display: swap;
  src: url('../style/AlibabaSans/regular/webfont.eot'); /* IE9 */
  src: url('../style/AlibabaSans/regular/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../style/AlibabaSans/regular/webfont.woff2') format('woff2'),
  url('../style/AlibabaSans/regular/webfont.woff') format('woff'), /* chrome、firefox */
  url('../style/AlibabaSans/regular/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../style/AlibabaSans/regular/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}





/*公用字体图标*/

@font-face {
  font-family: 'iconfont';
  src: url('./iconfont/iconfont.eot?t=1635325814319'); /* IE9 */
  src: url('./iconfont/iconfont.eot?t=1635325814319#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./iconfont/iconfont.woff2?t=1635325814319') format('woff2'),
       url('./iconfont/iconfont.woff?t=1635325814319') format('woff'),
       url('./iconfont/iconfont.ttf?t=1635325814319') format('truetype'),
       url('./iconfont/iconfont.svg?t=1635325814319#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}

.icon-login-open:before {
  content: "\e630";
}

.icon-login-close:before {
  content: "\e631";
}
.icon-nav-arrow:before {
  content: "\e632";
  color: #A2A4A6;
}
/***沙箱，文档中心***/
.icon-edit-turn:before {
  content: "\e636";
}
/**用户中心**/
.icon-user-search:before {
  content: "\e635";
}
.icon-user-lock:before {
  content: "\e633";
}
.icon-user-info:before {
  content: "\e61a";
}

.icon-user-manage:before {
  content: "\e618";
}

.icon-user-credent:before {
  content: "\e619";
}

.icon-user-upload:before {
  content: "\e627";
}

.icon-user-download:before {
  content: "\e62d";
}

.icon-user-cancel:before {
  content: "\e62a";
}

.icon-user-change:before {
  content: "\e62b";
}

.icon-user-edit:before {
  content: "\e62c";
}

.icon-user-delete:before {
  content: "\e625";
}

.icon-user-apply:before {
  content: "\e624";
}

.icon-user-pass:before {
  content: "\e623";
}

.icon-user-add:before {
  content: "\e626";
}

.icon-user-tip:before {
  content: "\e628";
}

.icon-user-return:before {
  content: "\e629";
}

/*产品功能*/

.icon-functions-wallet:before {
  content: "\e621";
}

.icon-functions-finance:before {
  content: "\e61c";
}

.icon-functions-offline:before {
  content: "\e620";
}

.icon-functions-line:before {
  content: "\e61d";
}

.icon-functions-card:before {
  content: "\e61e";
}

.icon-functions-cor:before {
  content: "\e61b";
}


.icon-functions-clearing:before {
  content: "\e61f";
}

.icon-functions-verify:before {
  content: "\e622";
}

html,
body,
#app {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  font-family: "Alibaba Sans";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*基本布局*/
.flex{display:flex;}
.t-c{text-align:center!important;}
.t-l{text-align:left!important;}
.t-r{text-align:right!important;}

.v-m{vertical-align:middle!important;}

/*超出显示省略号*/
.ellipsis,
.ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.ells{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}
/*换行*/
.br{word-break:break-all;word-wrap:break-word;white-space:normal;}

/*不然选择文字*/
.select-n,
.s-n{-webkit-user-select:none;user-select:none;}

/* 水平垂直居中 */
.position-xy-center{
  top: 50%;
  left:50%;
  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
}
/* 水平居中 */
.position-x-center{
  left:50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -o-transform:translateX(-50%);
}
/* 垂直居中 */
.position-y-center{
  top:50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
}

.vertical-middle{
  vertical-align: middle;
}

/* fontSize */
.ft-12{
  font-size: 12px;
}
.ft-14{
  font-size: 14px;
}
.ft-16{
  font-size: 16px;
}
.ft-17{
  font-size: 17px;
}
.ft-18{
  font-size: 18px;
}
.ft-20{
  font-size: 20px;
}
.ft-22{
  font-size: 22px;
}
.ft-24{
  font-size: 24px;
}
.ft-28{
  font-size: 28px;
}
.ft-32{
  font-size: 32px;
}
.ft-40{
  font-size: 40px;
}

/* fontWeight */
.fw-500{
  font-weight: 500;
}
.fw-600{
  font-weight: 600;
}
.fw-bold{
  font-weight: bold;
}


/* basePadding */
.pt10{
  padding-top: 10px;
}
.pb10{
  padding-bottom: 10px;
}
.pl10{
  padding-left: 10px;
}
.pr10{
  padding-right: 10px;
}
.pt15{
  padding-top: 15px;
}
.pb15{
  padding-bottom: 15px;
}
.pl15{
  padding-left: 15px;
}
.pr15{
  padding-right: 15px;
}
.pt20{
  padding-top: 20px;
}
.pb20{
  padding-bottom: 20px;
}
.pl20{
  padding-left: 20px;
}
.pr20{
  padding-right: 20px;
}
.pt50{
  padding-top: 50px;
}
.pd10{
  padding:10px 0;
}

/* baseMargin */
.mr5 {
  margin-right: 5px;
}
.mr15 {
  margin-right: 15px;
}
.ml20{
  margin-left: 20px;
}
.mt15{
  margin-top: 15px;
}
.mb15{
  margin-bottom: 15px;
}
.mb15{
  margin-bottom: 15px;
}
.mt10{
  margin-top: 10px
}
.mar55{
  margin: 0 55px;
}
/*蒙版*/
.mask{
  position:fixed;
  z-index:500;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background:rgba(0,0,0,0.6);
  display:none;
}
/* 浮动 */
.fl{
  float: left;
}
.fr{
  float: right;
}

/*清浮动*/

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.clearfix {
  zoom: 1;
}

.cursor-hand{
  cursor: pointer;
}


/*fade*/
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

/*fade-transform*/
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all 0.5s;
}
.fade-transform-enter,
.fade-transform-leave-active {
  opacity: 0.5;
  transform: translateX(-30px);
}
.fade-transform-leave-to {
  opacity: 1;
  transform: translateX(30px);
}

.flex {
  display: flex;
  align-items: center;
}
.el-form-item__content {
  .el-date-editor.el-input,
  .el-date-editor.el-input__inner,
  .el-input-number,
  .el-autocomplete {
    width: 100%;
  }
}

.search-date {
  display: flex;
}

.text-right {
  input {
    text-align: right;
  }
}
.el-table thead th {
  background-color: #f2f2f2;
}

.m-form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.word-b {
  word-break: break-all;
}
.pull-right {
  float: right;
}
.el-loading-parent--relative {
  .el-loading-mask.is-fullscreen {
    position: absolute !important;
  }
}
.el-loading-mask{
  position: absolute;
  z-index: 2000;
  background-color: rgba(255,255,255,0.5);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.ml10{
  margin-left: 10px !important
}
.mb10{
  margin-bottom: 10px !important
}
